<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户和角色关联</title>
<link rel="stylesheet" type="text/css" href="../resources/css/formPage.css" />
<script type="text/javascript" src="../resources/scripts/jsutil.js"></script>
<script type="text/javascript" src="../resources/scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="user-role.js"></script>
</head>
<body>
<div id="wrapper">

<!--<h2>用户和角色关联</h2>
--><div class="form-container">
<form name="dataform" id="dataform" action="#">
<fieldset><legend>用户和角色关联</legend>
<table width="450" align="center"
	style="border-collapse: collapse; border-color: Black; margin: 0px auto;">
	<tr>
		<td>用户名：<span id="sp_groupname"></span></td>
	</tr>
	<tr>
		<th>
		<select id="idsystem" id="idsystem" style="width: 200px"></select> 系统列表 
		<input type="hidden" id="idUser" name="idUser"></th>
	</tr>
	<tr>
		<td>
		<table width="100%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td style="background: #EEEEFF">可选[角色]</td>
				<td></td>
				<td style="background: #EEEEFF">已选</td>
			</tr>
			<tr>
				<td width="50%" align="center"><select id="SrcSelect" name="SrcSelect" size=10 style="height:160px;width:100%"
					 multiple="multiple"
					ondblclick="moveLeftOrRight(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))">					
				</select></td>
				<td width="50px" align="center"><input style="width: 40px"
					align="left" type=button value=">>" title="全部右移"
					onclick="moveLeftOrRightAll(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))"><br>
				<input style="width: 40px" align="left" type=button value=">"
					title="右移"
					onclick="moveLeftOrRight(document.getElementById('SrcSelect'),document.getElementById('ObjSelect'))"><br>
				<input style="width: 40px" type=button value="↑" title="上移"
					onclick="moveUp(document.getElementById('ObjSelect'))"><br>
				<input style="width: 40px" type=button value="↓" title="下移"
					onclick="moveDown(document.getElementById('ObjSelect'))"><br>
				<input style="width: 40px" align="left" type=button value="<"
					title="左移"
					onclick="moveLeftOrRight(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))"><br>
				<input style="width: 40px" align="left" type=button value="<<"
					title="全部左移"
					onclick="moveLeftOrRightAll(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))">
				</td>
				<td width="50%" align="center"><select id="ObjSelect" name="ObjSelect" size=10
					multiple="multiple" style="height:160px;width:100%"
					ondblclick="moveLeftOrRight(document.getElementById('ObjSelect'),document.getElementById('SrcSelect'))">
				</select></td>
			</tr>
			
		</table>
		</td>
	</tr>

	<tr>
		<td height="20"></td>
	</tr>
	<tr>
		<td align="center">
		<input type="button" value="确     定"	name="btn_submit" id="btn_submit" class="button" /> &nbsp; &nbsp;
		<input type="button" value="关　闭" name="btn_reset" id="btn_reset" class="button" />
		</td>
	</tr>
</table>
</fieldset>
</form>
</div>
</div>
</body>
</html>